Hexo + GitHub Pages 搭建你的个人博客


Hexo是一个快速、简洁且高效的博客框架,使用Hexo可以在几分钟之内搭建你的个人博客,并使用免费的GitHub Pages分享你的博客

安装NodeJs

hexo使用nodejs,所以我们必须先安装nodejs

从nodejs官网下载并安装:http://nodejs.cn/download/

安装完成你就有node命令和npm命令,如:

$ node -v
v14.16.0

$ npm -v
7.6.0

我们要使用npm命令安装hexo,不过npm由于网络问题比较慢,所以先用npm安装cnpm,cnpm使用了淘宝的镜像,在国内速度较快

当然,这一步可选,非必须

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装hexo

cnpm install -g hexo-cli

初始化博客

先创建一个目录blog,并使用hexo命令初始化

mkdir blog
cd blog
# 初始化
hexo init

初始化之后,指定文件夹的目录如下:

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

本地运行

hexo s

s是server的缩写。启动成功后即可通过http://localhost:4000访问你的博客了

写文章

在博客目录下,使用以下命令即可创建一篇文章

$ hexo new post 文章名

执行以上命令,将在source/_posts/目录下创建md文件,文件名就是文章名

更换主题

hexo默认的主题比较难看,我们可以从hexo下载喜欢的主题,或直接某度搜索hexo主题可以找到许多网友自制的精美主题。

本站使用的主题是:https://github.com/blinkfox/hexo-theme-matery/blob/develop/README_CN.md

使用方法如下:

cd themes

# 从git上下载主题到themes目录
git clone https://github.com/blinkfox/hexo-theme-matery.git

找到博客目录下的_config.yml文件,这是博客的配置文件。找到theme,修改为:

theme: hexo-theme-matery 

重启你的服务

hexo clean
hexo s

刷新页面就能看到新的主题啦。每个主题也有很多自个儿的功能和配置,可以参考主题相关文档

部署到 GitHub Pages

先在github上创建一个仓库,注意,仓库名必须是 账号名.github.io,例如我的账号是itzhoujun,那么仓库名必须是itzhoujun.github.io

修改_config.yml,找到deploy,将你的git仓库信息配置进去

deploy:
  type: 'git'
  repo: git@github.com:xxx/xxxx.git
  branch: master

安装部署工具

cnpm install --save hexo-deployer-git

执行部署:

# d是deploy的缩写
hexo d

然后你就能在git仓库上看到你的地址,并且可以使用https://itzhoujun.github.io访问到你的网站(itzhoujun改成你自己的账号名)

至此,轻松搭建并部署了一个漂亮美观的博客。

更多配置参考hexo官方文档:https://hexo.io/zh-cn/docs/

文章作者: 周君
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 周君 !
评论